<template>
	<div style="color:dodgerblue;font-weight: bold;font-size: 20px;">编辑公告</div>
	<div>
		<el-form :model="form" label-width="120px">
		    <el-form-item label="标题">
		      <el-input v-model="form.title" />
		    </el-form-item>
		    <el-form-item label="正文">
		      <el-input v-model="form.text" style="height: 200px; " />
		    </el-form-item>
		    <el-form-item label="发布时间">
		      <el-col :span="11">
		        <el-date-picker
		          v-model="form.date1"
		          type="date"
		          placeholder="选择日期"
		          style="width: 100%"
		        />
		      </el-col>
		      <el-col :span="2" class="text-center">
		        <span class="text-gray-500">-</span>
		      </el-col>
		      <el-col :span="11">
		        <el-time-picker
		          v-model="form.date2"
		          placeholder="选择时间"
		          style="width: 100%"
		        />
		      </el-col>
		    </el-form-item>
		    <el-form-item label="立即发布">
		      <el-switch v-model="form.delivery" />
		    </el-form-item>
		    <el-form-item label="类型">
		      <el-checkbox-group v-model="form.type">
		        <el-checkbox label="新闻" name="type" />
		        <el-checkbox label="通知" name="type" />
		        <el-checkbox label="公告" name="type" />
		        <el-checkbox label="其它" name="type" />
		      </el-checkbox-group>
		    </el-form-item>
		    <el-form-item label="查看权限">
		      <el-radio-group v-model="form.right">
		        <el-radio label="所有人" />
		        <el-radio label="管理员" />
		      </el-radio-group>
		    </el-form-item>
		    <el-form-item label="发布人">
		      <el-input v-model="form.name" type="textarea" />
		    </el-form-item>
		    <el-form-item>
		      <el-button type="primary" @click="onSubmit">发布</el-button>
		      <el-button>取消</el-button>
		    </el-form-item>
		  </el-form>
	</div>
</template>

<script>
	export default {
		name: "ModifyInform",
		data(){
			return{
				form:
				{
				  title: '',
				  text: '',
				  date1: '',
				  date2: '',
				  delivery: false,
				  type: [],
				  right: '',
				  name: '',
				  },
			}
		}
	}
</script>

<style scoped>

</style>
